<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
 <base href="<%=basePath%>">
   <title>用户信息</title>
  <jsp:include page="bs/bs.jsp"></jsp:include>
  <style type="text/css">

.form-signin {
  max-width: 400px;
  margin: 0 auto;
}.form-group {
    margin-bottom: 1px;
}

  </style>
  <script type="text/javascript">
  	// 更新预约状态函数	
  	function upYyzt(oid,zt,type){

  		// 获取 预约日期  传到后台
  		var odate = $("#"+oid+"").text();

  		$.ajax({
  			url:"${pageContext.request.contextPath}/upYyzt",
  			data:{"type":type,"oid":oid,"zt":zt,"odate":odate},
  			type:"get",
  			success:function(d){
  				if(d==1){
  				    //页面刷新   重新加载页面
					alert("操作成功");
  					location.href="/showOrder";
  				}
  				if(d==0 && type==3){
  					alert("取消预约失败,当天只能取消1次，一周只能取消2次");
  				}
  				if(d==0 && type==1){
  					alert("作废失败");
  				}
  				if(d==0 && type==2){
  					alert("付款失败");
  				}
  				if(d==0 && type==4){
  					alert("操作失败");
  				}
  			}
  			
  		});
  		
  	}
  
  </script>
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <c:if test="${empty u }">
  	<c:redirect url="login.jsp"></c:redirect>
  </c:if>

	<jsp:include page="common/top.jsp"></jsp:include>


    <div class="container" >
    	<h1>${u.ui.drealname }<small>${u.ui.dsex==1?'男':'女' }</small></h1>
    	年龄：${u.ui.dage }<br>
    	手机号：${u.ui.dphone }<br>
    	身份证号：${u.ui.didcard}<br>
    	邮箱：${u.ui.demail }<br>
    	QQ：${u.ui.dqq }<br>
    	<form action="${pageContext.request.contextPath}/showOrder" >
    	<button type="submit" class="btn btn-primary" >点击查询我的预约</button>
    	</form>
    </div>
    <div class="container">
    	<table class="table table-hover">
			<th>预约单编号</th>
    		<th>医生姓名</th>
    		<th>病情</th>
    		<th>预约日期</th>
    		<th>预约时间</th>
    		<th>挂号费</th>
    		<th>预约状态</th>
    		<th>操作</th>
    		<c:if test="${!empty os }">
    			<c:forEach items="${os }" var="o">
    				<tr>
						<td>${o.oid }</td>
    					<td>${o.ename }</td>
						<td>${o.sickness }</td>

    					<td>
							<%--转换日期个格式的 jstl 标签库--%>
    					   <span id="${o.oid}"><fmt:formatDate value="${o.odate }" pattern="yyyy-MM-dd"/></span>
<%--		${o.odate }--%>
    					</td>
    					<td>${o.sjd }</td>
    					<td>${o.ghf }</td>
    					<td>${o.yyzt }</td>
    					<td>
    						<c:if test="${o.yyztid==21 }">
								<%--未付款的预约单    可以取消 可以付款--%>
    							<a href="javascript:upYyzt(${o.oid},25,1)">取消</a>  <%--   把预约单状态改为25 已作废 --%>
    							<a href="javascript:upYyzt(${o.oid},22,2)">付款</a>  <%-- 把预约单状态改为22 已付款 --%>
    						</c:if>
    						<c:if test="${o.yyztid==22 }">
								<%--已付款的预约单    可以取消  可以完成--%>
    							<a href="javascript:upYyzt(${o.oid },23,3)">取消</a>   <%--把预约单的状态改为 23   已取消--%>
    							<a href="javascript:upYyzt(${o.oid },24,4)">完成</a>   <%--把预约单的状态改为 24   已完成--%>
    						</c:if>
    						<c:if test="${o.yyztid==24 }">
								<%--已完成的  预约单    可以进行评论--%>
    							<a href="toComm?oid=${o.oid }">评论</a>
    						</c:if>
    					</td>
    				</tr>
    			</c:forEach>
    		</c:if>
    	
		</table>
    
    </div>
  </body>
</html>

